<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.5, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="pulgins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="stylesheets/index.css?20180210">
    <link href="pulgins/date_pulgins/daterangepicker.css" rel="stylesheet" type="text/css">
    <script src="pulgins/jquery/jquery-3.1.0.min.js"></script>
    <script src="pulgins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/moment.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/daterangepicker.js"></script>
    <script src="javascripts/public.js?20180210"></script>
    <script src="javascripts/add.js?20180210" ></script>
    <title>铭材添加管理</title>
</head>
<body>
<div id="all_wrap_">
    <div class="content">
        <div class="content_left">
            <img src="images/logo.png" alt="">
            <ul></ul>
        </div>
        <div class="content_right">
            <div class="right-top">
                <b class="glyphicon glyphicon-resize-small"></b>
                <div>
                    <img src="images/logo.png" alt="">
                    <p id="user_name"></p>
                    <b class="glyphicon glyphicon-chevron-down"></b>
                    <div id="exit" title="点击后退出登录" >
                        <span>退出</span>
                        <b class="glyphicon glyphicon-log-out"></b>
                    </div>
                </div>
            </div>
            <!--主要部分-->
            <div class="add_goods">
                <div class="container-fluid">
                    <div class="add_goods_header">
                        <div class="row">
                            <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请选择您要添加的分类</h2>
                        </div>

                        <div class="row">
                            <div style="margin-top:10px;" class="col-sm-2 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">一级分类</span>
                                    <select class="form-control" name="" id="select1">
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top:10px;" class="col-sm-3 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">二级分类</span>
                                    <select class="form-control" name="" id="select2">
                                        <option value=""></option>
                                    </select>
                                </div>

                            </div>
                            <div style="margin-top:10px;" class="col-sm-3 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">三级分类</span>
                                    <select class="form-control" name="" id="select3">
                                        <option value=""></option>
                                    </select>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="add_goods_body">
                        <div class="row">
                            <div class=" col-xs-8 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">商品品牌</span>
                                    <input id="brand" class="form-control input_is" placeholder="请输入商品品牌" type="text">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        选择品牌
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="down_menu" aria-labelledby="dropdownMenu1">

                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">商品名称</span>
                                    <input id="shangpin_name" placeholder="请输入商品名称" class="form-control input_is"
                                           type="text">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">商品价格</span>
                                    <input id="shangpin_price" placeholder="请输入商品价格" class="form-control input_is"
                                           type="number">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class=" col-xs-8 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">商品规格</span>
                                    <input id="shangpin_guige" placeholder="请输入商品规格" class="form-control input_is"
                                           type="text">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        选择规格
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="down_menu_guige" aria-labelledby="dropdownMenu2">

                                    </ul>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class=" col-xs-8 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">商品单位</span>
                                    <input id="shangpin_danwei" placeholder="请输入商品单位" class="form-control input_is"
                                           type="text">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu3"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        选择单位
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="down_menu_danwei" aria-labelledby="dropdownMenu3">
                                    </ul>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class=" col-xs-8 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">商品尺寸</span>
                                    <input id="shangpin_chicun" placeholder="请输入商品尺寸" class="form-control input_is"
                                           type="text">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu4"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        选择尺寸
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="down_menu_chicun" aria-labelledby="dropdownMenu4">
                                    </ul>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class=" col-xs-8 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">商品颜色</span>
                                    <input id="shangpin_color" placeholder="请输入商品颜色" class="form-control input_is"
                                           type="text">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu5"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        选择颜色
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="down_menu_color" aria-labelledby="dropdownMenu5">
                                    </ul>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">低报警量</span>
                                    <input id="shangpin_baojingliang" placeholder="请输入最低报警量" class="form-control input_is"
                                           type="number">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">是否自营</span>
                                    <select name="" class="form-control" id="shangpin_isziying">
                                        <option value="0">自营产品</option>
                                        <option value="1">第三方</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">选供应商</span>
                                    <select name="" class="form-control" id="shangpin_gongyingshang">
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row supplier_content" style="display: none">
                            <div class="supplier_wrap col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div>已选供应商</div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group ">
                                    <span class="input-group-addon">VR连接</span>
                                    <input id="shangpin_link" placeholder="请输入连接 选填" class="form-control"
                                           type="text">
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <form style="display: none" action="" id="form_main" method="post"
                                      enctype="multipart/form-data">
                                    <input id="input_file_main" accept="image/png,image/gif,image/jpeg" type="file"
                                           name="img">
                                </form>
                                <button id="up_button_main" class="btn-info btn">产品默认图片上传 <span
                                        class="glyphicon glyphicon-open"></span></button>
                                <div class="img_wrap_main "></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <form style="display: none" action="" id="form" method="post" enctype="multipart/form-data">
                                    <input id="input_file" accept="image/png,image/gif,image/jpeg" type="file" name="img"
                                           multiple>
                                </form>
                                <button id="up_button" class="btn-info btn">产品其他图片上传 <span
                                        class="glyphicon glyphicon-open"></span></button>
                                <div class="img_wrap ">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <form style="display: none" action="" id="form_detial" method="post" enctype="multipart/form-data">
                                    <input id="input_file_detial" accept="image/png,image/gif,image/jpeg" type="file" name="img"
                                           multiple>
                                </form>
                                <button id="up_button_detial" class="btn-info btn">产品详情图片上传 <span
                                        class="glyphicon glyphicon-open"></span></button>
                                <div class="img_wrap_detial ">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <a href="add.html"><b class="col-xs-5 btn btn-warning" data-toggle="modal"
                                                      data-target="#myModal">重置</b> </a><span
                                    class="col-xs-5 btn icon-upload btn-danger col-xs-offset-2" data-toggle="modal" id="add"
                                    data-target="#myModal">添加商品</span>
                            </div>

                        </div>


                    </div>
                </div>

            </div>
            <!--loading -->
            <div class="loading">
                <img src="images/loading.gif" alt="">
            </div>
        </div>
    </div>
</div>

<div class="footer">

</div>
<!--提示<&ndash;&gt;-->
<div class="hint">

</div>
<!--提示确认-->
<div class="modal" id="modal_wrap" aria-labelledby="myModalLabel" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="top: 20%;" role="document">
        <div class="modal-content">
            <div style="font-size: 20px;" class="modal-header">
                <h4 class="modal-title">提示</h4>
            </div>
            <div style="font-size: 20px;" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" id="modal_close" class="btn btn-default">取消</button>
                <button type="button" class="btn btn-primary" id="confirm">确定</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>